﻿<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<SDT.Site.ViewModels.ProductSearchModels>" %>
<div class="bor_cor mar_b">
	<div class="bar_blue">
	    <a href="/product/index/1">Tìm kiếm nhà đất</a>
	</div>
	<form action="/product/search" method="post">
    <div class="tinrao_cate">
      		<ul>
                <li><label class="bold">Loại hình</label> </li>
            	<li><%=Html.DropDownList("ddlType",new SelectList(Model.ProductTypes,"ID","Name",Model.TypeID.HasValue? Model.TypeID.Value:0),"-- Loại tin rao --",new{}) %></li>
            	<li><label class="bold">Loại nhà đất</label></li>
            	<li><%=Html.DropDownList("ddlCategory", new SelectList(Model.Categories, "ID", "Name", Model.CategoryID.HasValue ? Model.CategoryID.Value : 0), "-- Chọn loại nhà đất --", new { })%></li>
                <li><label class="bold">Tỉnh / Thành phố</label></li>
            	<li>
            	  <%=Html.DropDownList("ddlCity", new SelectList(Model.Cities, "ID", "Name", Model.CityID.HasValue ? Model.CityID.Value : 0), "-- Chọn Tỉnh - Thành phố --", new { })%>
            	</li>
            	<li><label class="bold">Quận/ Huyện</label></li>
            	<li>
            	     <%=Html.DropDownList("ddlDistrict", new SelectList(Model.Districts, "ID", "Name", Model.DistrictID.HasValue ? Model.DistrictID.Value : 0), "-- Chọn Quận/ Huyện --", new { })%>
                </li>
                <li><label class="bold">Diện tích</label></li>
            	<li><%=Html.DropDownList("ddlArea", new SelectList(Model.ConvertAreas, "ID", "Name", Model.AreaID.HasValue ? Model.AreaID.Value : 0), "-- Chọn diện tích --", new { })%></li>
                <li><label class="bold">Mức giá</label></li>
                <li><%=Html.DropDownList("ddlPrice", new SelectList(Model.ConvertPrices, "ID", "Name", Model.PriceID.HasValue ? Model.PriceID.Value : 0), "-- Chọn mức giá --", new { })%></li>
                <li><label class="bold">Thời gian</label></li>
                <li><%=Html.DropDownList("ddlTime", new SelectList(Model.Times, "key", "value", Model.TimeID.HasValue ? Model.TimeID.Value : 0), "-- Chọn thời gian --", new { })%></li>
                <li><label class="bold">Tìm kiếm theo từ khóa</label></li>
            	<li><%=Html.TextBox("txtKeyword", Model.Keyword,null)%></li>
                
      	  </ul>
      </div>
       <div class="tinrao_cate" id="searchAdv">
      		<ul>
                <li><label class="bold">Dự án</label> </li>
            	<li>
                    <%=Html.DropDownList("ddlProject", new SelectList(Model.Projects, "ID", "Title", Model.ProjectID.HasValue? ""+Model.ProjectID.Value:""), "-- Chọn dự án --", new { })%>
                </li>
            	<li><label class="bold">Hướng nhà</label></li>
            	<li><%=Html.DropDownList("ddlDirection", new SelectList(Model.Directions, "Key", "Value",Model.DirectionID.HasValue? ""+ Model.DirectionID.Value:string.Empty), "-- Chọn hướng nhà--", new { })%></li>
      	     </ul>
        </div>
      <div style="text-align:center" class="mar_b" ><input type="submit" value="Tìm kiếm" class="btn_sr1" />
        <a onclick="showSearchAdv();">Tìm kiếm nâng cao</a>
      </div>
    </form>
</div>
<script type="text/javascript">
    $(document).ready(function() {
        $('#ddlType').change(function() {
            var id = $('#ddlType').val() == "" ? 0 : $('#ddlType').val();
            $.get('/AjaxData/GetProductCategoryByType/' + id, function(data) {
                $('#ddlCategory').html(data);
            });
            $.get('/AjaxData/GetPrice/' + id, function(data) {
                $('#ddlPrice').html(data);
            });
            $.get('/AjaxData/GetArea/' + id, function(data) {
                $('#ddlArea').html(data);
            });
        });
        $('#ddlCity').change(function() {
            var id = $('#ddlCity').val() == "" ? 0 : $('#ddlCity').val();
            $.get('/AjaxData/GetDistrict/' + id, function(data) {
                $('#ddlDistrict').html(data);
            });
        });
        $('#ddlDistrict').change(function() {
            var id = $('#ddlDistrict').val() == "" ? 0 : $('#ddlDistrict').val();
            $.get('/AjaxData/GetProjectByDistrict/' + id, function(data) {
                $('#ddlProject').html(data);
            });
        });
        $("#searchAdv").toggle(false);
    });
    function showSearchAdv() {
        $("#searchAdv").toggle();
    }
</script>
